@extends('common.base-master')

@section('html-head')
	<link href="{{url('css/admin/pagenum.css')}}" rel="stylesheet" />
	<style>
		img{
			height: 100% !important;
		}
	</style>
@endsection

@section('html-body')
<!--Start of slider section-->
<section id="slider">
	<div id="carousel-example-generic" class="carousel slide carousel-fade" data-ride="carousel" data-interval="3000">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			@if($web_info['banner'])
				@foreach($web_info['banner'] as $banner)
					<li data-target="#carousel-example-generic" data-slide-to="{{$banner->num}}" class="{{$banner->item}}"></li>
				@endforeach
			@endif
		</ol>

		<!-- Wrapper for slides -->
		<div class="carousel-inner" role="listbox">
			@if($web_info['banner'])
				@foreach($web_info['banner'] as $banner)
					<div class="item {{$banner->item}}">
						<div class="slider_overlay">
							<img src="{{$banner->img_url}}" alt="..." style="width: 100%;height:600px;">
							<div class="carousel-caption">
								<div class="slider_text">
									<h3>{{$banner->title}}</h3>
									<p>{{$banner->desc}}</p>
									@if(!empty($banner->button_title))
									<a href="{{$banner->link_url}}" class="custom_btn">{{$banner->button_title}}</a>
									@endif
								</div>
							</div>
						</div>
					</div>
				@endforeach
			@endif
			<!--End of item-->
		</div>
		<!--End of Carousel Inner-->
	</div>
</section>
<!--end of slider section-->



<!--Start of welcome section-->
<section id="philanthropy">
	<div class="container">
		<div class="row">
			@if(!empty($classifyPhilanthropy))
			<div class="col-md-12">
				<div class="wel_header">
					<h2>{{$classifyPhilanthropy->name}}</h2>
					<p>{{$classifyPhilanthropy->desc}}</p>
				</div>
			</div>
			@endif
		</div>
		<!--End of row-->
		<div class="row">
			@if(count($philanthropyList) > 0)
				@foreach($philanthropyList as $philanthropy)
					<div class="col-md-3">
						<div class="item">
							<div class="single_item">
								<div class="item_list">
									<div class="welcome_icon">
										<img class="fa fa-leaf" src="{{$philanthropy->img_url}}">
									</div>
									<h4>{{$philanthropy->title}}</h4>
									<p>{{$philanthropy->desc}}</p>
								</div>
							</div>
						</div>
					</div>
				@endforeach
			@endif
		<!--End of col-md-3-->
		</div>
		<!--End of row-->
	</div>
	<!--End of container-->
</section>
<!--end of welcome section-->



<!--Start of volunteer-->
{{--<section id="volunteer">--}}
{{--	<div class="container">--}}
{{--		<div class="row vol_area">--}}
{{--			<div class="col-md-8">--}}
{{--				<div class="volunteer_content">--}}
{{--					<h3>Become a <span>Volunteer</span></h3>--}}
{{--					<p>Join Our Team And Help the world. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur.</p>--}}
{{--				</div>--}}
{{--			</div>--}}
{{--			<!--End of col-md-8-->--}}
{{--			<div class="col-md-3 col-md-offset-1">--}}
{{--				<div class="join_us">--}}
{{--					<a href="" class="vol_cust_btn">join us</a>--}}
{{--				</div>--}}
{{--			</div>--}}
{{--			<!--End of col-md-3-->--}}
{{--		</div>--}}
{{--		<!--End of row and vol_area-->--}}
{{--	</div>--}}
{{--	<!--End of container-->--}}
{{--</section>--}}
<!--end of volunteer-->



<!--Start of portfolio-->
<section id="environmental_section" class="text-center" style="background: #eee">
	<div class="col-md-12">
		@if(!empty($classifyEnvironmental))
		<div class="portfolio_title">
			<h2>{{$classifyEnvironmental->name}}</h2>
			<p>{{$classifyEnvironmental->desc}}</p>
		</div>
		@endif
	</div>
	<!--End of col-md-2-->
	<div class="colum">
		<div class="container">
			<div class="row">
				<form action="/">
					<ul id="portfolio_menu" class="menu portfolio_custom_menu">
						@if(count($environmentalClassifies) > 0)
							@foreach($environmentalClassifies as $environmentalClassify)
								<li>
									<button data-filter="{{$environmentalClassify->class_info}}" class="my_btn {{$environmentalClassify->item}}">{{$environmentalClassify->name}}</button>
								</li>
							@endforeach
						@endif
{{--						<li>--}}
{{--							<button data-filter=".blue, .black, .green" class="my_btn">environment</button>--}}
{{--						</li>--}}
{{--						<li>--}}
{{--							<button data-filter=".red, .green" class="my_btn">climate</button>--}}
{{--						</li>--}}
{{--						<li>--}}
{{--							<button data-filter=".blue, .yellow, .black" class="my_btn">photography</button>--}}
{{--						</li>--}}
{{--						<li>--}}
{{--							<button data-filter=".black" class="my_btn">species</button>--}}
{{--							<!----}}
{{--						</li>--}}
{{--						<li>--}}
{{--							<button data-filter=".black" class="my_btn">Black</button>--}}
{{--						</li>--}}
{{--							-->--}}
					</ul>
					<!--End of portfolio_menu-->
				</form>
				<!--End of Form-->
			</div>
			<!--End of row-->
		</div>
		<!--End of container-->
		<div class="container">
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<div class="notes">
						@if(count($environmentalList) > 0)
							@foreach($environmentalList as $environmental)
								<div class="note blue {{$environmental->id}}">
									<a href="{{route('Admin.Home.environmentalDetail')}}?id={{$environmental->id}}">
									<div class="img_overlay">
										<p>{{$environmental->title}}</p>
									</div>
									</a>
									<a href="{{route('Admin.Home.environmentalDetail')}}?id={{$environmental->id}}"><img src="{{$environmental->img_url}}" alt="" style="width:375px;height:250px;"></a>
								</div>
							@endforeach
						@endif
					</div>
					<!--End of notes-->
				</div>
				<!--End of col-lg-12-->
			</div>
			<!--End of row-->
		</div>
		<!--End of container-->
	</div>
	<!--End of colum-->
</section>
<!--end of portfolio-->



<!--Start of counter-->
<section id="achievement">
	<div class="counter_img_overlay">
		<div class="container">
			<div class="row">
				@if(!empty($classifyAchievement))
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<div class="counter_header">
						<h2>{{$classifyAchievement->name}}</h2>
						<p>{{$classifyAchievement->desc}}</p>
					</div>
				</div>
				@endif
				<!--End of col-md-12-->
			</div>
			<!--End of row-->
			<div class="row">
				@if(count($achievementList) > 0)
					@foreach($achievementList as $achievement)
						<div class="col-md-3">
							<div class="counter_item text-center">
								<div class="sigle_counter_item">
									<img src="{{$achievement->img_url}}" alt="">
									<div class="counter_text">
										@if(stripos($achievement->num,'%'))
											<span class="counter">
											{{str_replace('%','',$achievement->num)}}
											</span>%
										@else
											<span class="counter">{{str_replace('%','',$achievement->num)}}</span>
										@endif
										<p>{{$achievement->title}}</p>
									</div>
								</div>
							</div>
						</div>
					@endforeach
				@endif
			</div>
			<!--End of row-->
		</div>
		<!--End of container-->
	</div>
</section>
<!--end of counter-->



<!--start of event-->
<section id="news">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				@if(!empty($classifyNews))
				<div class="event_header text-center">
					<h2>{{$classifyNews->name}}</h2>
					<p>{{$classifyNews->desc}}</p>
				</div>
				@endif
			</div>
		</div>
		<!--End of row-->
		<div class="row">
			<div class="col-md-8">
				<div class="row">
					@if(!empty($newsData['news_one']))
					<div class="col-md-6 zero_mp">
						<div class="event_item">
							<div class="event_img">
								<img src="{{$newsData['news_one']->img_url}}" alt="">
							</div>
						</div>
					</div>
					<div class="col-md-6 zero_mp">
						<div class="event_item">
							<div class="event_text text-center">
								<a href="{{route('Admin.Home.newsDetail')}}?id={{$newsData['news_one']->id}}"><h4>{{$newsData['news_one']->title}}</h4></a>
								<h6>{{$newsData['news_one']->created_at}}</h6>
								<p>{{$newsData['news_one']->desc}}</p>
								<a href="{{route('Admin.Home.newsDetail')}}?id={{$newsData['news_one']->id}}" class="event_btn">read more</a>
							</div>
						</div>
					</div>
					@endif
				</div>
				<!--End of row-->
				<div class="row">
					@if(!empty($newsData['news_two']))
					<div class="col-md-6 zero_mp">
						<div class="event_item">
							<div class="event_text text-center">
								<a href="{{route('Admin.Home.newsDetail')}}?id={{$newsData['news_two']->id}}"><h4>{{$newsData['news_two']->title}}</h4></a>
								<h6>{{$newsData['news_two']->created_at}}</h6>
								<p>{{$newsData['news_two']->desc}}</p>
								<a href="{{route('Admin.Home.newsDetail')}}?id={{$newsData['news_two']->id}}" class="event_btn">read more</a>
							</div>
						</div>
					</div>
					<div class="col-md-6 zero_mp">
						<div class="event_item">
							<div class="event_img">
								<img src="{{$newsData['news_two']->img_url}}" alt="">
							</div>
						</div>
					</div>
					@endif
				</div>
				<!--End of row-->
			</div>
			<!--End of col-md-8-->
			<div class="col-md-4">
				@if(!empty($newsData['news_three']) && count($newsData['news_three']) > 0)
					@foreach($newsData['news_three'] as $news)
						<div class="event_news">
							<div class="event_single_item fix">
								<div class="event_news_img floatleft">
									<img src="{{$news->img_url}}" alt="">
								</div>
								<div class="event_news_text">
									<a href="{{route('Admin.Home.newsDetail')}}?id={{$news->id}}"><h4>{{$news->title}}</h4></a>
									<p>{{$news->desc}}</p>
								</div>
							</div>
						</div>
					@endforeach
				@endif
			</div>
			<!--End of col-md-4-->
		</div>
		<div class="more-line">
			<p class="more"><a href="{{route('Home.Index.newsList')}}">更多&gt;&gt;</a> </p>
		</div>
		<!--End of row-->
	</div>
	<!--End of container-->
</section>
<!--end of event-->



<!--Start of testimonial-->
<section id="comment">
	<div class="testimonial_overlay">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					@if(!empty($classifyComment))
					<div class="testimonial_header text-center">
						<h2>{{$classifyComment->name}}</h2>
						<p>{{$classifyComment->desc}}</p>
					</div>
					@endif
				</div>
			</div>
			<!--End of row-->
			<section id="carousel">
				<div class="container">
					<div class="row">
						<div class="col-md-12 text-center">
							<div class="carousel slide" id="fade-quote-carousel" data-ride="carousel" data-interval="3000">
								<!-- Carousel indicators -->
								<ol class="carousel-indicators">
									@if(count($commentPage) > 0)
										@foreach($commentPage as $itemPage)
											<li data-target="#fade-quote-carousel" data-slide-to="{{$itemPage->num}}" class="{{$itemPage->item}}"></li>
										@endforeach
									@endif
								</ol>
								<!-- Carousel items -->
								<div class="carousel-inner">
									@if(count($checkCommentList) > 0)
										@foreach($checkCommentList as $comment)
											<div class="@if(count($comment) > 0)
											@foreach($comment as $val)
												<?php if(!empty($val['item'])){
													echo 'active';
												}

											?>
											@endforeach
											@endif item">
												<div class="row">
													@if(count($comment) > 0)
														@foreach($comment as $val)
															<div class="col-md-6">
																<div class="profile-circle">
																	<img src="<?php echo $val['photo_url']?>" alt="">
																</div>
																<div class="testimonial_content">
																	<i class="fa fa-quote-left"></i>
																	<?php echo $val['content']?>
																</div>
																<div class="testimonial_author">
																	<h5><?php echo $val['realname']?></h5>
																	<p><?php echo $val['position']?></p>
																</div>
															</div>
														@endforeach
													@endif
												</div>
											</div>
										@endforeach
									@endif
									<!--End of item with active-->
								</div>
							</div>
						</div>
					</div>
					<!--End of row-->
				</div>
				<!--End of container-->
			</section>
			<!--End of carousel-->
		</div>
	</div>
	<!--End of container-->
</section>
<!--end of testimonial-->



<!--Start of blog-->
<section id="project_case">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				@if(!empty($classifyProjectCase))
				<div class="latest_blog text-center">
					<h2>{{$classifyProjectCase->name}}</h2>
					<p>{{$classifyProjectCase->desc}}</p>
				</div>
				@endif
			</div>
		</div>
		<!--End of row-->

		<div class="row">
			@if(count($projectCaseData) > 0)
				@foreach($projectCaseData as $projectCase)
					<div class="col-md-4">
						<div class="blog_news">
							<div class="single_blog_item">
								<div class="blog_img">
									<img src="{{$projectCase->img_url}}" alt="">
								</div>
								<div class="blog_content">
									<a href="{{route('Admin.Home.ProjectCaseDetail')}}?id={{$projectCase->id}}"><h3>{{$projectCase->title}}</h3></a>
									<div class="expert">
										<div class="left-side text-left" style="margin-top: 10px;">
											<b class="left_side" >
												<span class="clock"><i class="fa fa-clock-o"></i></span>
												<span class="time" style="">{{$projectCase->created_at}}</span>
											</b>
										</div>
									</div>

									<p class="blog_news_content">{{$projectCase->desc}}</p>
									<br/>
									<a href="{{route('Admin.Home.ProjectCaseDetail')}}?id={{$projectCase->id}}" class="blog_link">read more</a>
								</div>
							</div>
						</div>
					</div>
				@endforeach
			@endif
		</div>
		<div class="more-line">
			<p class="more"><a href="{{route('Home.Index.projectCaseList')}}">更多&gt;&gt;</a> </p>
		</div>

			<!--End of col-md-4-->
		<!--End of row-->
	</div>
	<!--End of container-->
</section>
<!-- end of blog-->

<!--Start of Purches-->
{{--<section id="purches">--}}
{{--	<div class="container">--}}
{{--		<div class="row">--}}
{{--			<div class="col-md-6">--}}
{{--				<h2 class="purches_title">Buy our wordpress theme</h2>--}}
{{--			</div>--}}
{{--			<div class="col-md-2 col-md-offset-4">--}}
{{--				<a href="" class="purches_btn">purches</a>--}}
{{--			</div>--}}
{{--		</div>--}}
{{--		<!--End of row-->--}}
{{--	</div>--}}
{{--	<!--End of container-->--}}
{{--</section>--}}
<!--End of purches-->
<!--Start of blog-->
<section id="charitable" style="background-color: #eeeeee;">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				@if(!empty($classifyCharitable))
					<div class="latest_blog text-center">
						<h2>{{$classifyCharitable->name}}</h2>
						<p>{{$classifyCharitable->desc}}</p>
					</div>
				@endif
			</div>
		</div>
		<!--End of row-->
		<div class="row">
			@if(count($charitableData) > 0)
				@foreach($charitableData as $charitable)
					<div class="col-md-24" style="float: none;">
						<div class="blog_news">
							<div class="single_blog_item" style="background-color: white;">
								<div class="blog_img" style="display: inline-block;vertical-align: top;">
									<img src="{{$charitable->img_url}}" alt="">
								</div>
								<div class="blog_content" style="display: inline-block">
									<a href="{{route('Admin.Home.CharitableDetail')}}?id={{$charitable->id}}"><h3>{{$charitable->title}}</h3></a>
									<div class="expert">
										<div class="left-side text-left" style="margin-top: 10px;">
											<b class="left_side" >
												<span class="clock"><i class="fa fa-clock-o"></i></span>
												<span class="time">{{$charitable->created_at}}</span>
											</b>
										</div>
									</div>

									<p class="blog_news_content" style="height: 80px;">{{$charitable->desc}}</p>
									<br/>
									<a href="{{route('Admin.Home.CharitableDetail')}}?id={{$charitable->id}}" class="blog_link">read more</a>
								</div>
							</div>
						</div>
					</div>
				@endforeach
			@endif
		</div>
		<div class="more-line">
			<p class="more"><a href="{{route('Home.Index.charitableList')}}">更多&gt;&gt;</a> </p>
		</div>
			<!--End of col-md-4-->
		<!--End of row-->
	</div>
	<!--End of container-->
</section>
<!--Start of Market-->
{{--<section id="market">--}}
{{--	<div class="container">--}}
{{--		<div class="row">--}}
{{--			<div class="col-md-12">--}}
{{--				<div class="market_area text-center">--}}
{{--					<div class="row">--}}
{{--						<div class="col-md-3">--}}
{{--							<div class="market_logo">--}}
{{--								<a href=""><img src="{{url('Assets/img/audiojungle.png')}}" alt=""></a>--}}
{{--							</div>--}}
{{--						</div>--}}
{{--						<div class="col-md-3">--}}
{{--							<div class="market_logo">--}}
{{--								<a href=""><img src="{{url('Assets/img/codecanyon.png')}}" alt=""></a>--}}
{{--							</div>--}}
{{--						</div>--}}
{{--						<div class="col-md-3">--}}
{{--							<div class="market_logo">--}}
{{--								<a href=""><img src="{{url('Assets/img/graphicriver.png')}}" alt=""></a>--}}
{{--							</div>--}}
{{--						</div>--}}
{{--						<div class="col-md-3">--}}
{{--							<div class="market_logo">--}}
{{--								<a href=""><img src="{{url('Assets/img/audiojungle.png')}}" alt=""></a>--}}
{{--							</div>--}}
{{--						</div>--}}
{{--					</div>--}}
{{--					<!--End of row-->--}}
{{--				</div>--}}
{{--				<!--End of market Area-->--}}
{{--			</div>--}}
{{--			<!--End of col-md-12-->--}}
{{--		</div>--}}
{{--		<!--End of row-->--}}
{{--	</div>--}}
{{--	<!--End of container-->--}}
{{--</section>--}}
<!--End of market-->

<!--Scroll to top-->
<a href="#" id="back-to-top" title="Back to top">&uarr;</a>
<!--End of Scroll to top-->

<!-- Jquery -->
<script src="{{url('Assets/js/jquery-1.12.3.min.js')}}"></script>
<!--[endif]-->

<!--Counter UP Waypoint-->
<script src="{{url('Assets/js/waypoints.min.js')}}"></script>
<!--Counter UP-->
<script src="{{url('Assets/js/jquery.counterup.min.js')}}"></script>
<script>
	//for counter up
	$('.counter').counterUp({
		delay: 10,
		time: 1000
	});
</script>

<!--Isotope-->
<script src="{{url('Assets/js/isotope/min/scripts-min.js')}}"></script>
<script src="{{url('Assets/js/isotope/cells-by-row.js')}}"></script>
<script src="{{url('Assets/js/isotope/isotope.pkgd.min.js')}}"></script>
<script src="{{url('Assets/js/isotope/packery-mode.pkgd.min.js')}}"></script>
<script src="{{url('Assets/js/isotope/scripts.js')}}"></script>


<!--Back To Top-->
<script src="{{url('Assets/js/backtotop.js')}}"></script>


<!--JQuery Click to Scroll down with Menu-->
{{--<script src="{{url('Assets/js/jquery.localScroll.min.js')}}"></script>--}}
{{--<script src="{{url('Assets/js/jquery.scrollTo.min.js')}}"></script>--}}
<!--WOW With Animation-->
<script src="{{url('Assets/js/wow.min.js')}}"></script>
<!--WOW Activated-->
<script>
	new WOW().init();
</script>


<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="{{url('Assets/js/bootstrap.min.js')}}"></script>
<!-- Custom JavaScript-->
<script src="{{url('Assets/js/main.js')}}"></script>

@endsection